/*!
 * vue-material v1.0.0-beta-7
 * author:Jordan 2018-04-21
 * Released under the MIT License.
 */
html {
    height: 100%;
    box-sizing: border-box;
    transition: background-color 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

body {
    height: 100%;
    margin: 0;
}

div,
input {
    box-sizing: border-box;
}

.md-layout {
    display: flex;
    flex-wrap: wrap;
    display: -ms-flexbox;
    -ms-flex-wrap: wrap;
}

.md-layout.flex-direction-column {
    flex-direction: column;
    -ms-flex-direction: column;
}

.md-layout.flex-direction-row {
    flex-direction: row;
    -ms-flex-direction: row;
}

.md-layout .md-layout {
    flex: 1;
}

.md-layout .md-layout-nowrap {
    flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
}

.md-layout.md-centered {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

.md-layout-item {
    display: flex;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    flex-shrink: 0 !important;
    display: -ms-flexbox;
}

.md-layout-item.flex-direction-column {
    flex-direction: column;
    -ms-flex-direction: column;
}

.md-layout-item.flex-direction-row {
    flex-direction: row;
    -ms-flex-direction: row;
}

.md-layout-item.flex-initial,
.md-layout.flex-initial {
    flex: initial;
    -ms-flex: 0 1 auto;
}

.md-layout-item.flex-1,
.md-layout.flex-1 {
    flex: 1;
    -ms-flex: 1;
}

.md-layout-item.flex-1-1,
.md-layout.flex-1-1 {
    flex: 1 1;
    -ms-flex: 1 1;
}

.md-layout-item--contentBasis {
    flex-basis: content !important;
}

.md-layout.md-gutter > .md-layout-item {
    padding-right: 20px !important;
    padding-left: 20px !important;
}

@media (min-width: 1600px) {
    .md-layout.md-gutter > .md-layout-item {
        padding-right: 14px;
        padding-left: 14px;
    }
}

@media (max-width: 1600px) and (min-width: 1200px) {
    .md-layout.md-gutter {
        margin-right: -12px;
        margin-left: -12px;
    }

    .md-layout.md-gutter > .md-layout-item {
        padding-right: 12px;
        padding-left: 12px;
    }
}

@media (max-width: 1200px) and (min-width: 641px) {
    .md-layout.md-gutter {
        margin-right: -8px;
        margin-left: -8px;
    }

    .md-layout.md-gutter > .md-layout-item {
        padding-right: 8px;
        padding-left: 8px;
    }
}

@media (max-width: 641px) {
    .md-layout.md-gutter {
        margin-right: -4px;
        margin-left: -4px;
    }

    .md-layout.md-gutter > .md-layout-item {
        padding-right: 4px;
        padding-left: 4px;
    }
}

.md-alignment-top-left {
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
    -ms-flex-pack: start; /*IE10*/
    -ms-flex-line-pack: start; /*IE10*/
    -ms-flex-align: start; /*IE10*/
}

.md-layout.md-alignment-top-center {
    justify-content: center;
    align-content: flex-start;
    align-items: flex-start;
    -ms-flex-pack: center; /*IE10*/
    -ms-flex-line-pack: start; /*IE10*/
    -ms-flex-align: start; /*IE10*/
}

.md-alignment-top-center {
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    -ms-flex-pack: start; /*IE10*/
    -ms-flex-line-pack: center; /*IE10*/
    -ms-flex-align: center; /*IE10*/
}

.md-layout.md-alignment-top-right {
    justify-content: flex-end;
    align-content: flex-start;
    align-items: flex-start;
    -ms-flex-pack: end; /*IE10*/
    -ms-flex-line-pack: start; /*IE10*/
    -ms-flex-align: start; /*IE10*/
}

.md-alignment-top-right {
    justify-content: flex-start;
    align-content: flex-end;
    align-items: flex-end;
    -ms-flex-pack: start; /*IE10*/
    -ms-flex-line-pack: end; /*IE10*/
    -ms-flex-align: end; /*IE10*/
}

.md-alignment-top-space-around {
    justify-content: space-around;
    align-content: flex-start;
    align-items: flex-start;
    -ms-flex-pack: distribute; /*IE10*/
    -ms-flex-line-pack: start; /*IE10*/
    -ms-flex-align: start; /*IE10*/
}

.md-alignment-top-space-between {
    justify-content: space-between;
    align-content: flex-start;
    align-items: flex-start;
    -ms-flex-pack: justify; /*IE10*/
    -ms-flex-line-pack: start; /*IE10*/
    -ms-flex-align: start; /*IE10*/
}

.md-layout.md-alignment-center-left {
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    -ms-flex-pack: start; /*IE10*/
    -ms-flex-line-pack: center; /*IE10*/
    -ms-flex-align: center; /*IE10*/
}

.md-alignment-center-left {
    justify-content: center;
    align-content: flex-start;
    align-items: flex-start;
    -ms-flex-pack: center; /*IE10*/
    -ms-flex-line-pack: start; /*IE10*/
    -ms-flex-align: start; /*IE10*/
}

.md-alignment-center,
.md-alignment-center-center {
    justify-content: center;
    align-content: center;
    align-items: center;
    -ms-flex-pack: center; /*IE10*/
    -ms-flex-line-pack: center; /*IE10*/
    -ms-flex-align: center; /*IE10*/
}

.md-layout.md-alignment-center-right {
    justify-content: flex-end;
    align-content: center;
    align-items: center;
    -ms-flex-pack: end; /*IE10*/
    -ms-flex-line-pack: center; /*IE10*/
    -ms-flex-align: center; /*IE10*/
}

.md-alignment-center-right {
    justify-content: center;
    align-content: flex-end;
    align-items: flex-end;
    -ms-flex-pack: center; /*IE10*/
    -ms-flex-line-pack: end; /*IE10*/
    -ms-flex-align: end; /*IE10*/
}

.md-alignment-center-space-around {
    justify-content: space-around;
    align-content: center;
    align-items: center;
    -ms-flex-pack: distribute; /*IE10*/
    -ms-flex-line-pack: center; /*IE10*/
    -ms-flex-align: center; /*IE10*/
}

.md-alignment-center-space-between {
    justify-content: space-between;
    align-content: center;
    align-items: center;
    -ms-flex-pack: justify; /*IE10*/
    -ms-flex-line-pack: center; /*IE10*/
    -ms-flex-align: center; /*IE10*/
}

.md-layout.md-alignment-bottom-left {
    justify-content: flex-start;
    align-content: flex-end;
    align-items: flex-end;
    -ms-flex-pack: start; /*IE10*/
    -ms-flex-line-pack: end; /*IE10*/
    -ms-flex-align: end; /*IE10*/
}

.md-alignment-bottom-left {
    justify-content: flex-end;
    align-content: flex-start;
    align-items: flex-start;
    -ms-flex-pack: end; /*IE10*/
    -ms-flex-line-pack: start; /*IE10*/
    -ms-flex-align: start; /*IE10*/
}

.md-layout.md-alignment-bottom-center {
    justify-content: center;
    align-content: flex-end;
    align-items: flex-end;
    -ms-flex-pack: center; /*IE10*/
    -ms-flex-line-pack: end; /*IE10*/
    -ms-flex-align: end; /*IE10*/
}

.md-alignment-bottom-center {
    justify-content: flex-end;
    align-content: center;
    align-items: center;
    -ms-flex-pack: end; /*IE10*/
    -ms-flex-line-pack: center; /*IE10*/
    -ms-flex-align: center; /*IE10*/
}

.md-alignment-bottom-right {
    justify-content: flex-end;
    align-content: flex-end;
    align-items: flex-end;
    -ms-flex-pack: end; /*IE10*/
    -ms-flex-line-pack: end; /*IE10*/
    -ms-flex-align: end; /*IE10*/
}

.md-alignment-bottom-space-around {
    justify-content: space-around;
    align-content: flex-end;
    align-items: flex-end;
    -ms-flex-pack: distribute; /*IE10*/
    -ms-flex-line-pack: end; /*IE10*/
    -ms-flex-align: end; /*IE10*/
}

.md-alignment-bottom-space-between {
    justify-content: space-between;
    align-content: flex-end;
    align-items: flex-end;
    -ms-flex-pack: justify; /*IE10*/
    -ms-flex-line-pack: end; /*IE10*/
    -ms-flex-align: end; /*IE10*/
}

.md-alignment-space-around-left {
    justify-content: flex-start;
    align-content: space-around;
    align-items: space-around;
    -ms-flex-pack: start; /*IE10*/
    -ms-flex-line-pack: distribute; /*IE10*/
    -ms-flex-align: distribute; /*IE10*/
}

.md-alignment-space-around-center {
    justify-content: center;
    align-content: space-around;
    align-items: space-around;
    -ms-flex-pack: center; /*IE10*/
    -ms-flex-line-pack: distribute; /*IE10*/
    -ms-flex-align: distribute; /*IE10*/
}

.md-alignment-space-around-right {
    justify-content: flex-end;
    align-content: space-around;
    align-items: space-around;
    -ms-flex-pack: end; /*IE10*/
    -ms-flex-line-pack: distribute; /*IE10*/
    -ms-flex-align: distribute; /*IE10*/
}

.md-alignment-space-around-space-around {
    justify-content: space-around;
    align-content: space-around;
    align-items: space-around;
    -ms-flex-pack: distribute; /*IE10*/
    -ms-flex-line-pack: distribute; /*IE10*/
    -ms-flex-align: distribute; /*IE10*/
}

.md-alignment-space-around-space-between {
    justify-content: space-between;
    align-content: space-around;
    align-items: space-around;
    -ms-flex-pack: justify; /*IE10*/
    -ms-flex-line-pack: distribute; /*IE10*/
    -ms-flex-align: distribute; /*IE10*/
}

.md-alignment-space-between-left {
    justify-content: flex-start;
    align-content: space-between;
    align-items: space-between;
    -ms-flex-pack: start; /*IE10*/
    -ms-flex-line-pack: justify; /*IE10*/
    -ms-flex-align: justify; /*IE10*/
}

.md-alignment-space-between-center {
    justify-content: center;
    align-content: space-between;
    align-items: space-between;
    -ms-flex-pack: center; /*IE10*/
    -ms-flex-line-pack: justify; /*IE10*/
    -ms-flex-align: justify; /*IE10*/
}

.md-alignment-space-between-right {
    justify-content: flex-end;
    align-content: space-between;
    align-items: space-between;
    -ms-flex-pack: end; /*IE10*/
    -ms-flex-line-pack: justify; /*IE10*/
    -ms-flex-align: justify; /*IE10*/
}

.md-alignment-space-between-space-around {
    justify-content: space-around;
    align-content: space-between;
    align-items: space-between;
    -ms-flex-pack: distribute; /*IE10*/
    -ms-flex-line-pack: justify; /*IE10*/
    -ms-flex-align: justify; /*IE10*/
}

.md-alignment-space-between-space-between {
    justify-content: space-between;
    align-content: space-between;
    align-items: space-between;
    -ms-flex-pack: justify; /*IE10*/
    -ms-flex-line-pack: justify; /*IE10*/
    -ms-flex-align: justify; /*IE10*/
}

.md-layout-item,
.md-layout-item.md-size {
    flex: 1 1;
}